<template>
	<!-- 公司股东/主要人员 -->
	<view class="">
		<view @click="toEnterprise(item)" v-for="(item,index) in personMsg" :key="index"
			class=" setBgfff setMarginVertical setPadding sethorizontalbetween setFontColor1">
			<view class="setOnlyDisplay setNowrap2">
				<text class="setRadiusBlock ">{{index+1}}</text>
				<view class="setVertical  widthSet ">
					<view class="setVerticalCenter sethorizontalbetween widthSet">
						<view class="setFont " v-html="item.companyStuffName"></view>
						<!-- <view class="">{{item.tagList}}</view> -->
					</view>
					<view v-if="item.companyPercent&&item.companyPercent!='-'">持股:{{item.companyPercent}}</view>
					<!-- <view v-if="item.companyServiceCount">公司最终收益股份:{{item.companyServiceCount}}</view> -->
					
					<view>曾任职<text class="setcolor">{{item.companyServiceCount?item.companyServiceCount:'1'}}</text>家公司</view>
				</view>
			</view>
			
			<view class="setNowrap1" >
				<view v-for="(item2,index2) in item.companyTagList" :key="index2">
					<view class="setMarginVertical">
						<u-tag size="mini" type="success" :text="item2.name" ></u-tag>
					</view>
				</view>
			</view>
			<!-- <view class="setNowrap1" v-if="item.companyLogo">
				<view class="imgBlock">
					<image class="imgBox setRadius" :src="item.companyLogo" mode=""></image>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			personMsg: {
				type: Array,
				default: []
			}
		},
		data() {
			return {

			}
		},
		methods: {
			// 跳转至企业详情
			toEnterprise(item) {
				console.log("=========================")
				uni.navigateTo({
					url: `/pagesFind/detailenterprise/detailenterprise?companyCid=${item.companyCid}`
				})
			}
		}
	}
</script>

<style>
	.imgBlock {
		border-radius: 15rpx;

		margin: 0 20rpx 0 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.imgBlock .imgBox {
		width: 150rpx;
		height: 150rpx;
	}
</style>
